/*
 * @Author: qgn
 * @Date: 2021-07-20 23:00:25
 * @LastEditors: qgn
 * @LastEditTime: 2021-07-27 23:22:58
 * @Description: file content
 * @FilePath: /admin-template-study/src/router/index.js
 */

/**
 *  开发vue路由的顺序
 *  1. 首先引入vue因为她不算vue的程序部分，算是第三方依赖，所以需要vue的实例进行挂载
 *  2. 引入路由配置文件, 
 *  3. 并进行路由的挂载
 *  4. 如有需要引入其他文件的路由（路由的白名单配置，对应页面组建的路由引入）
 *  5. 将配置好的路由暴露出去
 *   此处需要注意我们暴露出去的是一个路由对象并非一个简单的路由数组
 */

// 第一步引入路由
import Vue from 'vue'

// 第二部引入路由
import Router from  'vue-router'

// 第三步挂载路由
Vue.use(Router)

/**
 * 第四步白名单配置
 * 第一步只先配置常用路由 例如login
 */
 
// 配置常用路由
const  constantRoutes = [
    {
        path: '/login', // 当前文件地址
        component: () => import('@/views/login'),
        hidden: true
    }
]


// 第五部创建路由对象并将路由暴露出去
const router = new Router({
    routes: constantRoutes
}) 

export default router

